<!--{*--><link href="../css/management.css" rel="stylesheet" type="text/css" /><!--*}-->

<div class="form-wrap">
<form name="sizes-manager" method="post" action="images-sizes.php"> 
<table class="data" id="data-table">
<thead>
  <tr class="thead">
    <th>S.N.</th>
    <th>Size Name - Advanced cropnail control</th>
    <th>(x1,y1), (x2,y2)</th>
    <th>&nbsp;</th>
    <th>X:Wide</th>
    <th>&nbsp;</th>
    <th>Y:Tall</th>
    <th>&nbsp;</th>
    <th><input type="checkbox" name="removeall" id="removeall" value="true" checked="checked" /></th>
    <th>Thumbnail</th>
    <th>Preview</th>
  </tr>
</thead>
<tbody>
  {section name='s' loop=$sizes}
  <tr class="{cycle values='A,B'}">
    <td align="right">{$smarty.section.s.index_next}.</td>
    <td><a class="{if !$sizes[s].image_id}not-working{/if}" href="image/{$album_id}/{$sizes[s].size_id}/{$sizes[s].image_id}.jpg">{$sizes[s].size_name}</a></td>
    <td>{$sizes[s].cropnail_xy|x1y1x2y2}</td>
    <td nowrap="nowrap"><a href="#" class="setnow" id="X{$sizes[s].size_id}">Re-Set X</a></td>
    <td><input type="text" class="short-x" style="width:50px;" id="XX{$sizes[s].size_id}" name="size[{$sizes[s].size_id}][x]" value="{$sizes[s].cropnail_x}" /></td>
    <td>x</td>
    <td><input type="text" class="short-y" style="width:50px;" id="YY{$sizes[s].size_id}" name="size[{$sizes[s].size_id}][y]" value="{$sizes[s].cropnail_y}" /></td>
    <td nowrap="nowrap"><a href="#" class="setnow" id="Y{$sizes[s].size_id}">Re-Set Y</a></td>
    <td><input type="checkbox" class="no-thumbnail" name="remove[{$sizes[s].size_id}]" value="true" checked="checked" /></td>
    <td><a href="images-unlink.php?id={$sizes[s].image_id}&amp;size={$sizes[s].size_id}">Remove</a></td>
    <td><a href="images-Preview.php?id={$sizes[s].image_id}&amp;size={$sizes[s].size_id}">Preview</a></td>
  </tr>
  {/section}
  <tr>
    <td>&nbsp;</td>
    <td><a href="sizes-list.php" style="color:#FF0000;"><strong>Manage sizes</strong></a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><a href="#" id="pixels-minus-x" title="Decrease X">--</a> | <a href="#" id="pixels-plus-x" title="Increase X">++</a></td>
    <td>&nbsp;</td>
    <td><a href="#" id="pixels-minus-y" title="Decrease Y">--</a> | <a href="#" id="pixels-plus-y" title="Increase Y">++</a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td title="It is safe to delete the thumbnails. They will be re-created."><a href="sizes-list.php"></a>It is safe! </td>
    <td>
		<input type="hidden" name="image_id" value="{$images.image_id}" />
		<input type="submit" name="Submit" value="Submit" />	</td>
  </tr>
</tbody>
</table>
</form>
</div>
<script type="text/javascript" src="js/validators/images/sizes.js"></script>